// top height
$height-top: .2rem;
// bottom height
$height-bottom: .65rem;
@media screen and (min-width: 500px) {
  // top height
  $height-top: 28px;
  // bottom height
  $height-bottom: 70px;
}

/* 颜色 */
/* 主色，高亮色，选中状态颜色 */
$color-main: #44c1d8;
/* 背景色 */
$color-bg: #eee;
$color-bg-2: #fff;


/* 字体颜色 */
$color-font: #fff;
$color-text: #333;


/* top 横条 */
$color-top-bg: #fffef1;
$color-top-font: #69690c;


/*  首页表格 */
$size-font-small: 8px;
$size-font-middle: 10px;
$size-font-big: 12px;
$size-font-superBig: 15px;


/* thead */
$color-th1: #00b6ce;
$color-th2: #fe8785;
$color-th3: #7fcae7;
$color-th4: #88dbfc;
$color-th5: #00BCD4;

$font-size-th1: 9px;

/* tbody */
$color-bg-tr1: #f5f5f5;
$color-bg-tr2: #ededed;
$color-bg-link: #c7c7c7;
$color-border: rgba(200, 200, 200, .1);

/* 前三位 */
$color-tr1-pink: #ffe5e5;
$color-tr2-pink: #ffd5d5;
$color-font-pink: #ff0b28;

/* 主号码 */
$color-main-font1: #0053dd;
$color-main-font2: red;

/* 期数 */
$color-font1: #888;

/* bottom fix*/
$color-bg1: #878787;
$color-bg-high: #ff5252;
$color-bg-deep: #99e4ee;
$color-bg-shallow: #99ecf7;
$color-font-title: #666;

$font-size-time: 13px;
$background-time: #333;

/* 第 X 期 */
$color-bg-ball1: #ffb5be;
$color-font-1: #ff0b28;
$color-bg-ball2: #b2cbf5;
$color-font-2: #0053dd;

/* MENU */
$color-border-menu: #c8c8c8;
$color-bg-active: #d3d3d3;
// /* 价格标签色 */
// $color-price-tag: #ff5500;
// /* 一般文本颜色 */
// $color-text: #333;
// /* 部分 icon 颜色 */
// $color-icon: #666;
// /* 部分 icon 颜色 */
// $color-icon-second: #c8c8c8;
// /* 二级文本 */
// $color-text-second: #c8c8c8;
// /* 不可选颜色 */
// $color-disabled: #c8c8c8;

// /* 字号 */
// /* 首页的“您好！用户名称”，大尺寸价格 */
// $font-size-h1: px2em(25px);
// /* 详情页大标题 */
// $font-size-h2: px2em(20px);
// /* 一般组件标题 */
// $font-size-h3: px2em(15px);
// /* 大部分正文 */
// $font-size-text: px2em(12px);
// /* 说明内容，icon 后缀文字 */
// $font-size-small: px2em(10px);
